<template>
    <div class="home">
        <img alt="Vue logo" src="../assets/logo.png"/>
        <HelloWorld msg="Welcome to Your Vue.js App`1111111"/>
        <el-input v-model="params.name"></el-input>
        <el-button type="danger" @click="testing">危险按钮</el-button>
    </div>
</template>

<script lang="ts">
  // @ is an alias to /src
  import HelloWorld from "@/components/HelloWorld.vue";
  import {MessageParams} from "@/types/index.d.ts";
  import {Component, Vue} from "vue-property-decorator";

  @Component({})
  export default class Message extends Vue {
    private params: MessageParams = {
      email: "",
      phone: "",
      name: "",
      content: ""
    };

    // lifecycle hook
    mounted() {
    }

    private testing(): string {
      alert(13);
      return "1234";
    }
  }
</script>
